<template>
  <div>
    <h1>登录-完善一下-sjz</h1>
    用户名：<input v-model="user.name"/> <br/>
    密码:<input v-model="user.password" type="password"/><br/>
    <button @click="login()">登录</button>
  </div>
</template>
<script lang="ts" setup>
  // 导入路由
  import  {useRouter} from 'vue-router'
  // 响应式数据
  import {ref} from 'vue'
  // 导入登录方法
  import { Login } from '@/api/user';
  // 导入接口
  import type { Iuser } from '@/interface';
  // 定义user用户信息
  const user = ref<Iuser>({name:'',password:''});
  // 等于组件内部登录方法
  // 定义路由
  const router = useRouter()
  function login(){
    // 使用登录api
    Login(user.value)
    .then(res=>{
      // 提示
      console.log(res.data.msg)
      // 如果登录成功
      if(res.data.code==200){
        // 跳转到admin
        router.push("/admin")
        // 存储本地token
        sessionStorage.setItem("token",res.data.token)
      }
    })
  }
</script>